<html>
<head>
	<script src="/web-j4e-test/js/jquery-1.2.6.js" type="text/javascript"></script>
	<script type="text/javascript" src="/web-j4e-test/js/tableManager.js"></script>
	<script type="text/javascript" src="/web-j4e-test/js/dwrTableManager.js"></script>
	<script type="text/javascript" src="/web-j4e-test/js/categoryListManager.js"></script>
	<script type="text/javascript" src="/web-j4e-test/dwr/engine.js"></script>
	<script type="text/javascript" src="/web-j4e-test/dwr/util.js"></script>
	<script type="text/javascript" src="/web-j4e-test/dwr/interface/categoryService.js"></script>

	<script type="text/javascript">
		var listManager = new CategoryListManager();

		jQuery(document).ready(function($) {
			listManager.initialize("elements-table", {}, {});
			listManager.initializeTableListener();
			listManager.loadElements();
		});
	</script>
</head>
<body>
	<div>
		<h2>List of categories</h2>
	
		<table id="tabContents" border="1" class="rowed grey">
			<thead>
				<tr>
					<th>Name</th>
					<th>Description</th>
					<th>Actions</th>
				</tr>
			</thead>
			<tbody id="elements-table">
				<tr id="pattern" style="display:none;">
	     				<td>
	       				<span id="name">Name</span><br/>
	     				</td>
	     				<td>
	       				<span id="description">Description</span><br/>
	     				</td>
	     				<td>
	       				<input id="lineEdit" type="button" value="Edit"/>
	       				<input id="lineDelete" type="button" value="Delete"/>
	       				<input id="lineValidate" type="button" value="Save" style="display: none;"/>
	       				<input id="lineCancel" type="button" value="Cancel" style="display: none;"/>
	     				</td>
	   			</tr>
			</tbody>
		</table>
			
		<br/>

		<input id="lineAdd" type="button" value="Add a category"/>
	</div>

	<div id="loading" style="display: none;">
	    <div class="loading-indicator">
	        <img src="/web-j4e-test/images/ajax-loader.gif" width="32" height="32"
	             style="margin-right:8px;float:left;vertical-align:top;"/>Loading data...
	             <br/>Please wait.
	    </div>
	</div>
</body>